<template>
  <div class="warpc">
    <div class="warpc-bx">
      <div class="content">
        <div class="left">
          <div>
            ￥<span class="price">39.9</span> <span class="gray">￥53</span>
          </div>
        </div>
        <div class="right"><span>￥34.9抢购</span></div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.warpc {
  position: fixed;
  bottom: 0;
  background: #fff;
  width: 100%;
  border-top: 0.267vw solid #d8d8d8;
  .warpc-bx {
    width: 95%;
    margin: auto;

    .content {
      display: flex;
      justify-content: space-between;
      height: 14.4vw;
      line-height: 14.4vw;
      font-size: 2.667vw;

      .left {
        color: #ed7044;
        .price {
          text-decoration: line-through;
          font-size: 4.267vw;
          font-weight: bold;
        }
        .gray {
          color: gray;
          text-decoration: line-through;
        }
      }
      .right {
        margin-top: 2vw;
        width: 38.4vw;
        height: 10.133vw;
        background: #ed7044;
        text-align: center;
        line-height: 10.133vw;
        color: #fff;
        border-radius: 999rem;
      }
    }
  }
}
</style>